<template>
  <div style="font-size: 0.3rem">
    <div style="background: #fff; position: sticky; top: 0">
      <p style="height: 1rem; line-height: 1rem; margin-left: 0.4rem">
        <span @click="router.back(-1)"><</span>
        <span style="margin-left: 2.6rem"> 医生</span>
      </p>
      <p
        style="height: 1rem; border-top: 0.01rem solid #ccc; line-height: 1rem"
      >
        <span
          style="
            display: inline-block;
            width: 0.2rem;
            height: 0.2rem;
            background: red;
            margin-left: 0.4rem;
            border-radius: 50%;
          "
        ></span>
        剩余7条赠送的免费消息可发送
      </p>
    </div>
    <div style="background: #ebebeb; overflow: auto; height: 10rem">
      <div style="height: 15rem"></div>
    </div>
    <div style="height: 3rem; background: #f7f6f6; position: sticky; bottom: 0">
      <p>
        <span>复诊开方</span>
        <span>送锦旗</span>
        <span>更多</span>
      </p>
      <p>
        <input type="text" placeholder="请输入您想咨询的内容" />
        <button
          style="
            width: 1.4rem;
            height: 0.7rem;
            background: #265fe3;
            color: #fff;
            border: none;
            border-radius: 0.1rem;
          "
        >
          发送
        </button>
      </p>
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import axios from 'axios'
import { useRouter } from 'vue-router'
const router = useRouter()

// import { doctorPictures } from '../../../api/index'
</script>

<style>
.bb {
  background: #265fe3;
}
</style>
